<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<style>
    .a-active {
        color: #0052cc!important;
    }
</style>
<aside class="main-sidebar">
    <!-- sidebar-->
    <section class="sidebar position-relative">
        <div class="multinav">
            <div class="multinav-scroll" style="height: 100%;">
                <!-- sidebar menu-->
                <ul class="sidebar-menu" data-widget="tree">
                    <li class="header">Dashboard & Apps</li>
                    <li>
                        <a href="${pageContext.request.contextPath}/admin/index.jsp" target="myframe" class="a-active">
                            <i class="icon-Commit">
                                <span class="path1"></span>
                                <span class="path2"></span>
                            </i>
                            首页
                        </a>
                    </li>
                    <li class="treeview">
                        <a href="#">
                            <i class="icon-Layout-4-blocks">
                                <span class="path1"></span>
                                <span class="path2"></span>
                            </i>
                            <span>用户管理</span>
                            <span class="pull-right-container">
                              <i class="fa fa-angle-right pull-right"></i>
                            </span>
                        </a>
                        <ul class="treeview-menu">
                            <li>
                                <a href="${pageContext.request.contextPath}/userList" target="myframe">
                                    <i class="icon-Commit">
                                        <span class="path1"></span>
                                        <span class="path2"></span>
                                    </i>
                                    用户列表
                                </a>
                            </li>
                        </ul>
                    </li>
                </ul>
            </div>
        </div>
    </section>
</aside>
<script src="../static/js/jquery-3.6.0.min.js"></script>
<script>
    $(function () {
        $("a[target=myframe]").click(function () {
            $("a[target=myframe]").removeClass("a-active")
            $(this).addClass('a-active')
        })
    })
</script>
